<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>云眸运维平台</title>
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<!-- Bootstrap 3.3.6 -->
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../../dist/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="../../dist/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<link rel="stylesheet"
	href="../../plugins/daterangepicker/daterangepicker-bs3.css">
<link rel="stylesheet" href="../../dist/css/app.css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini">
	<div class="wrapper">

		<header class="main-header">
			<!-- Logo -->
			<a href="../../index2.html" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels -->
				<span class="logo-mini"></span> <!-- logo for regular state and mobile devices -->
				<span class="logo-lg"><b>云眸运维平台</b></span>
			</a>
			<!-- Header Navbar: style can be found in header.less -->
			<nav class="navbar navbar-static-top">
				<!-- Sidebar toggle button-->
				<a href="#" class="sidebar-toggle" data-toggle="offcanvas"
					role="button"> <span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
				</a>

				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">
						<!-- Messages: style can be found in dropdown.less-->
						<li class="dropdown notifications-menu" style="display: none;">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i
								class="fa fa-bell-o"></i> <span class="label label-warning">10</span>
						</a>
							<ul class="dropdown-menu">
								<li class="header">You have 10 notifications</li>
								<li>
									<!-- inner menu: contains the actual data -->
									<ul class="menu">
										<li><a href="#"> <i class="fa fa-users text-aqua"></i>
												5 new members joined today
										</a></li>
									</ul>
								</li>
								<li class="footer"><a href="#">View all</a></li>
							</ul>
						</li>
						<!-- User Account: style can be found in dropdown.less -->
						<li class="dropdown user user-menu" style="display: none;"><a
							href="#" class="dropdown-toggle" data-toggle="dropdown"> <img
								src="../../dist/img/user2-160x160.jpg" class="user-image"
								alt="User Image"> <span class="hidden-xs">Alexander
									Pierce</span>
						</a>
							<ul class="dropdown-menu">
								<!-- User image -->
								<li class="user-header"><img
									src="../../dist/img/user2-160x160.jpg" class="img-circle"
									alt="User Image">

									<p>
										bandon <small>Member since Nov. 2012</small>
									</p></li>
								<!-- Menu Body -->
								<li class="user-body">
									<div class="row">
										<div class="col-xs-4 text-center">
											<a href="#">Followers</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="#">Sales</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="#">Friends</a>
										</div>
									</div> <!-- /.row -->
								</li>
								<!-- Menu Footer-->
								<li class="user-footer">
									<div class="pull-left">
										<a href="#" class="btn btn-default btn-flat">Profile</a>
									</div>
									<div class="pull-right">
										<a href="#" class="btn btn-default btn-flat">Sign out</a>
									</div>
								</li>
							</ul></li>
						<!-- Control Sidebar Toggle Button -->
						<li><a href="#" data-toggle="control-sidebar"><i
								class="fa fa-gears"></i></a></li>
					</ul>
				</div>
			</nav>
		</header>
		<!-- Left side column. contains the logo and sidebar -->
		<aside class="main-sidebar">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar">
				<!-- Sidebar user panel -->
				<!-- <div class="user-panel">
        <div class="pull-left image">
          <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info">
          <p>Alexander Pierce</p>
          <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
        </div>
      </div> -->
				<!-- search form -->
				<!--  <form action="#" method="get" class="sidebar-form">
        <div class="input-group">
          <input type="text" name="q" class="form-control" placeholder="Search...">
              <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
        </div>
      </form> -->
				<!-- /.search form -->
				<!-- sidebar menu: : style can be found in sidebar.less -->
				<ul class="sidebar-menu">
					<li class="header">MAIN NAVIGATION</li>

					<li class="treeview active"><a href="../app/dash.html"> <i
							class="fa fa-dashboard"></i> <span>总体概况</span> <!-- <i class="fa fa-angle-left pull-right"></i> -->
					</a> <!-- <ul class="treeview-menu">
            <li><a href="../app/index.html"><i class="fa fa-circle-o"></i> 安全及性能概况</a></li>
          </ul> --></li>

					<li class="treeview"><a href="../app/app_brief.html"> <i
							class="fa  fa-area-chart"></i> <span>应用活动状况</span>
					</a></li>

					<li class="treeview"><a href="../app/app_map.html"> <i
							class="fa fa-link"></i> <span>应用拓扑结构</span> <!-- <i class="fa fa-angle-left pull-right"></i> -->
					</a></li>

					<li class="treeview"><a href="../app/fire_walls.html"> <i
							class="fa fa-shield"></i> <span>防火墙</span>
					</a></li>



					<li class="treeview"><a href="../app/network_risk.html"> <i
							class="fa fa-exclamation-triangle"></i> <span>网络风险</span>
					</a></li>

					<li class="treeview"><a href="../app/server_risk.html"> <i
							class="fa fa-desktop"></i> <span>主机风险</span>
					</a></li>

					<li class="treeview"><a href="../app/acount_risk.html"> <i
							class="fa fa-user-times"></i> <span>账号风险</span>
					</a></li>

					<li class="treeview"><a href="../app/security.html"> <i
							class="fa  fa-file-text-o"></i> <span>安全日志</span>
					</a></li>


					<li class="treeview"><a href="#"> <i class="fa fa-th"></i>
							<span>控制台</span> <i class="fa fa-angle-left pull-right"></i>
					</a>
						<ul class="treeview-menu">
							<li class=""><a href="../app/app_setting.html"><i
									class="fa fa-circle-o"></i>设置</a></li>
							<li class=""><a href="../app/server_list.html"><i
									class="fa fa-circle-o"></i>机器列表</a></li>
						</ul></li>

				</ul>
			</section>
			<!-- /.sidebar -->
		</aside>

		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<!-- load_mask -->
			<div class="load_mask" module="globle_load">
				<div class="load_mask_text_ct">
					<div class="load_cirle_ct">
						<div class="load_circle_action">
							<div class="plus_sign"></div>
						</div>
						<!--  -->
						<!--  <svg class="spinner-container" viewBox="0 0 44 44" style="width: 65px; height: 65px;"><circle class="path" cx="22" cy="22" r="20" fill="none" stroke-width="4"></circle></svg> -->
						<!--  -->
					</div>
				</div>
			</div>
			<!-- load_mask -->
			<!-- Content Header (Page header) -->
    <!-- qxw delete <span module="sh_hd_point"></span>
    <div module="sh_sels_posi" class="content-header filter_hd_dash clr" style="display:none;opacity:0;">
      <div module="sh_sels" class="sh_sel_items clr">
        <div module="sh_sel_item" val="1" class="sel_sh_item sel_sh_item_seld">最近一小时</div>
        <div module="sh_sel_item" val="24" class="sel_sh_item">最近一天</div>
        <div module="sh_sel_item" val="98" class="sel_sh_item ">最近七天</div>
      </div>
    </div>-->
			<section class="content-header filter_hd_dash clr" module="sh_hd_ct">
				<!-- <h1>
        ChartJS
        <small>Preview sample</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Charts</a></li>
        <li class="active">ChartJS</li>
      </ol> -->
				<!-- <div class="form-group zh_fg">
        <div class="input-group">
          <button type="button" class="btn btn-default pull-right" id="daterange-btn">
            <span>
              <i class="fa fa-calendar" ></i>最近一小时
            </span>
            <i class="fa fa-caret-down"></i>
          </button>
        </div>
        <ul class="dropdown-menu time_menu">
          <li class="header">最近一小时</li>
          <li class="header">最近一天</li>
          <li class="header">最近七天</li>
        </ul>
      </div> -->

				<!-- <div class="input-group" sel_type="ct">
        <div class="input-group-btn">
          <button type="button" class="btn btn-default dropdown-toggle hd_sh_dropsels"  data-toggle="dropdown" aria-expanded="false">
            <span sel_type="val">最近一小时</span>
            <span class="fa fa-caret-down fa_down_icon"></span></button>
          <ul class="dropdown-menu">
            <li sel_type="item" val="1"><a href="javascript:;">最近一小时</a></li>
            <li sel_type="item" val="24"><a href="javascript:;">最近一天</a></li>
            <li sel_type="item" val="98"><a href="javascript:;">最近七天</a></li>
          </ul>
        </div>
      </div>
				<div module="sh_sels" class="sh_sel_items clr"
					style="display: none;">
					<div module="sh_sel_item" val="1"
						class="sel_sh_item sel_sh_item_seld">最近一小时</div>
					<div module="sh_sel_item" val="24" class="sel_sh_item">最近一天</div>
					<div module="sh_sel_item" val="98" class="sel_sh_item">最近七天</div>
				</div> qxw delete-->


			</section>
			<!-- Main content -->
			<section class="content content_index">

				<!-- Add By ZhuHuaPing Start -->
				<div class="box box-default">
					<div class="box-header with-border" style="border-left:5px solid #3c8dbc;">
						<h3 class="box-title">待处理事项</h3>
					</div>
					<div class="row">
						<div class="col-md-12">
							<!-- Custom Tabs -->
							<div class="nav-tabs-custom">
								<ul class="nav nav-tabs">
									<li class="active"><a href="#J_emergency"
										data-toggle="tab">紧急事项（<span data_key="emergencyCount">...</span>）
									</a></li>
									<li><a href="#J_non_emergency" data-toggle="tab">非紧急事项（<span
											data_key="non_emergencyCount">...</span>）
									</a></li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="J_emergency"></div>
									<!-- /.tab-pane -->
									<div class="tab-pane" id="J_non_emergency"></div>
									<!-- /.tab-pane -->
								</div>
								<!-- /.tab-content -->
							</div>
							<!-- nav-tabs-custom -->
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
				</div>
				<!-- Add By ZhuHuaPing End-->

				<!-- Add By Ying Start -->
				<div class="box box-default">
					<div class="box-header with-border" style="border-left:5px solid #3c8dbc;">
						<h3 class="box-title">本周攻击防御状态</h3>
					</div>

					<div class="box-body">
						<div class="row">
							<div class="col-xs-3 col-md-3 text-center">
								<div class="knob-label">防御成功率</div>
								<input id="net_att" type="text" class="knob" value="45"
									data-thickness=".12" data-width="140" data-height="140"
									data-fgColor="#00DB00" data-readonly="true"
									data-displayInput="true" data-displayprevious="false"
									data-linecap="round" data-angleOffset="0"
									data-inputColor="#8E8E8E" data-bgColor="#ADADAD" title="5次网络攻击">


								<div class="knob-label">
									来自1个ip段syn flood攻击<br>10台服务器受影响
								</div>
							</div>
							<!-- ./col -->
							<div class="col-xs-3 col-md-3 text-center">
								<div class="knob-label">防御成功率</div>
								<input type="text" class="knob" value="36" data-thickness=".12"
									data-width="140" data-height="140" data-fgColor="#00DB00"
									data-readonly="true" data-displayInput="true"
									data-displayprevious="false" data-linecap="round"
									data-angleOffset="0" data-inputColor="#8E8E8E"
									data-bgColor="#ADADAD" title="3次主机攻击">


								<div class="knob-label">
									来自1个ip段疑似web shell攻击<br>1台服务器受影响
								</div>
							</div>
							<!-- ./col -->
							<div class="col-xs-3 col-md-3 text-center">
								<div class="knob-label">防御成功率</div>
								<input type="text" class="knob" value="75" data-thickness=".12"
									data-width="140" data-height="140" data-fgColor="#00DB00"
									data-readonly="true" data-displayInput="true"
									data-displayprevious="false" data-linecap="round"
									data-angleOffset="0" data-inputColor="#8E8E8E"
									data-bgColor="#ADADAD" title="11次账号攻击">


								<div class="knob-label">
									来自1个ip段疑似web shell攻击<br>1台服务器受影响
								</div>
							</div>
							<!-- ./col -->
						</div>
						<!-- /.row -->


						<div class="row">
							<div class="col-xs-3 col-md-3 text-center">
								<button type="button" class="btn btn-default"
									data-dismiss="modal" data-toggle="tooltip">查看详情</button>
							</div>
							<div class="col-xs-3 col-md-3 text-center">
								<button type="button" class="btn btn-default"
									data-dismiss="modal" data-toggle="tooltip">查看详情</button>
							</div>
							<div class="col-xs-3 col-md-3 text-center">
								<button type="button" class="btn btn-default"
									data-dismiss="modal" data-toggle="tooltip">查看详情</button>
							</div>
							<!-- ./col -->
						</div>
						<!-- /.row -->
					</div>
					<!-- /.box-body -->
				</div>
				<!-- Add By Ying End-->

  <!-- Content Wrapper. Contains page content qxw add start-->
  <div class="box box-default">
    <!-- Content Header (Page header) -->
    <section class="content-header">
    <div class="col-lg-3 col-xs-6">
      <h4>
        事件时间表
      </h4>
      </div>
      <div module="sh_sels" class="sh_sel_items clr">
        <div module="sh_sel_item" val="3" class="sel_sh_item sel_sh_item_seld"><i class="fa fa-info"></i>全部</div>
        <div module="sh_sel_item" val="0" class="sel_sh_item"><i class="fa fa-bolt">攻击</i></div>
        <div module="sh_sel_item" val="1" class="sel_sh_item"><i class="fa fa-exclamation-triangle">异常</i></div>
        <div module="sh_sel_item" val="2" class="sel_sh_item"><i class="fa fa-cog">动作</i></div>
      </div>
    </section>



    <!-- Main content -->
    <section class="content">

      <!-- row -->
      <div class="row">
        <div class="col-md-12">
          <!-- The time line -->
          <ul class="timeline" id = 'J_time_line'>
            <!-- timeline time label -->
            <li class="time-label">
                  <span class="bg-green">
                    10 Feb. 2014
                  </span>
            </li>
            <!-- /.timeline-label -->
            <!-- timeline item -->
            <li>
              <i class="fa fa-bolt bg-red"></i>

              <div class="timeline-item">
                <span class="time"><i class="fa fa-clock-o"></i> 12:05</span>

                <h3 class="timeline-header"> 3波次SYN Flood攻击，持续时长30分钟</h3>

                <div class="timeline-body">
				<div class="box-body">
				<table id="example" class="table table-bordered table-hover">
                <thead>
                <tr>
                  <th>攻击源</th>
                  <th>攻击目标</th>
                  <th>开始时间</th>
                  <th>结束时间</th>
                  <th>状态</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                  <td>111.111.*.*</td>
                  <td>112.112.111.111
                  </td>
                  <td>12:05</td>
                  <td>12:35</td>
                  <td>已结束</td>
                </tr>
                </tbody>
				</table>
            </div>
                </div>
              </div>
            </li>
            <!-- END timeline item -->
            <!-- timeline item -->
            <li>
              <i class="fa fa-shield bg-aqua"></i>

              <div class="timeline-item">
                <span class="time"><i class="fa fa-clock-o"></i> 5 mins ago</span>

                <h3 class="timeline-header no-border"> 用户打开极端防御</h3>
              </div>
            </li>
            <!-- END timeline item -->
            <!-- timeline item -->
            <li>
              <i class="fa fa-exclamation-triangle bg-yellow"></i>

              <div class="timeline-item">
                <span class="time"><i class="fa fa-clock-o"></i> 27 mins ago</span>

                <h3 class="timeline-header"> 一个流量异常事件</h3>

                <div class="timeline-body">
<div class="box-body">
              <table id="example2" class="table table-bordered table-hover">
                <thead>
                <tr>
                  <th>涉及对象</th>
                  <th>异常源</th>
                  <th>发生时间</th>
                  <th>描述</th>
                  <th>状态</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                  <td>112.112.111.111</td>
                  <td>112.112.111.111
                  </td>
                  <td>12:05</td>
                  <td>异常发送异常数据包</td>
                  <td>Open</td>
                </tr>
                </tbody>
              </table>
            </div>
                </div>
              </div>
            </li>
            <!-- END timeline item -->
            <li>
              <i class="fa fa-clock-o bg-gray"></i>
            </li>
          </ul>
        <ul class="timeline" id = 'J_day_line'>
        </ul>
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->

      <div class="row" style="margin-top: 10px;">
      <div class="row no-print">
        <div class="col-xs-12">
                  <div class="box-header with-border">
					          <button type="button" class="btn btn-primary pull-right" style="margin-right: 5px;" form-group="add_form_action">
             后续一周数据...
          </button>
                  </div>

        </div>
      </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->

    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper qxw add end -->

				<!--  -->
				<div class="row">

					<!-- ./col -->
					<!-- ./col -->
					<div class="col-lg-3 col-xs-6" style="cursor: pointer;"
						to_target="pointer" target="J_risk_mesgs_ct">
						<!-- small box -->
						<div class="small-box bg-red">
							<div class="inner">
								<h3>
									<span><span data_key="todo">...</span><span
										class="num_types_ft" data_key="in_tx_total_types"></span></span>
									<!-- <span>/</span> -->
									<!-- <span><span  data_key="out_tx_total">...</span><span class="num_types_ft"  data_key="out_tx_total_types"></span></span> -->
								</h3>

								<p>
									当前急待处理事件(个数)<i class="posi_icon fa fa-question"
										data-toggle="tooltip" data-placement="top" title="系统检测到未处理事件"></i>
								</p>
							</div>
							<div class="icon">
								<!-- <i class="ion ion-stats-bars"></i> -->
							</div>
							<!-- <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a> -->
						</div>
					</div>
					<!-- ./col -->

					<div class="col-lg-3 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-aqua">
							<div class="inner">
								<h3 data_key="connection">...</h3>

								<p>
									当前连接数(个数)<i class=" posi_icon fa fa-question"
										data-toggle="tooltip" data-placement="top" title="当前时间段所有连接数目"></i>
								</p>
							</div>
							<div class="icon">
								<!-- <i class="ion ion-bag"></i> -->
							</div>
							<!-- <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a> -->
						</div>
					</div>
					<!-- ./col -->
					<div class="col-lg-3 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-yellow">
							<div class="inner">
								<h3 data_key="qps">...</h3>

								<p>
									当天平均QPS(个数/秒)<i class="posi_icon fa fa-question"
										data-toggle="tooltip" data-placement="top" title="每分钟连接数"></i>
								</p>
							</div>
							<div class="icon"></div>
						</div>
					</div>

					<div class="col-lg-3 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-green">
							<div class="inner">
								<h3>
									<span><span data_key="serviceFirewallDoneCount">...</span><span
										class="num_types_ft" data_key="in_tx_total_types"></span></span>
									<!-- <span>/</span> -->
									<!-- <span><span  data_key="out_tx_total">...</span><span class="num_types_ft"  data_key="out_tx_total_types"></span></span> -->
								</h3>

								<p>
									当天已封堵异常(个数)<i class="posi_icon fa fa-question"
										data-toggle="tooltip" data-placement="top" title="系统自动封堵异常数目"></i>
								</p>
							</div>
							<div class="icon">
								<!-- <i class="ion ion-stats-bars"></i> -->
							</div>
							<!-- <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a> -->
						</div>
					</div>
					<!-- ./col -->


				</div>
				<div class="row" style="display: none;">

					<div class="col-lg-4 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-aqua">
							<div class="inner">
								<h3 data_key="request_qps">...</h3>

								<p>平均请求数</p>
							</div>
							<div class="icon">
								<!-- <i class="ion ion-bag"></i> -->
							</div>
							<!-- <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a> -->
						</div>
					</div>

					<!-- ./col -->
					<div class="col-lg-4 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-yellow">
							<div class="inner">
								<h3 data_key="error_qps">...</h3>

								<p>平均错误数</p>
							</div>
							<div class="icon">
								<!-- <i class="ion ion-person-add"></i> -->
							</div>
							<!-- <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a> -->
						</div>
					</div>
					<!-- ./col -->


					<!-- ./col -->
					<div class="col-lg-4 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-green">
							<div class="inner">
								<h3>
									<span><span data_key="in_tx_speed">...</span><span
										class="num_types_ft" data_key="in_tx_speed_types"></span></span> <span>/</span>
									<span><span data_key="out_tx_speed">...</span><span
										class="num_types_ft" data_key="out_tx_speed_types"></span></span>
								</h3>

								<p>流入速度/流出速度</p>
							</div>
							<div class="icon">
								<!-- <i class="ion ion-stats-bars"></i> -->
							</div>
							<!-- <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a> -->
						</div>
					</div>
					<!-- ./col -->

				</div>
				<!-- /.row -->
				<style type="text/css">
</style>
				<!--  -->
				<div class="row mgt_10">
					<div class="col-md-7">
						<!-- DONUT CHART -->
						<div class="box box-primary dash_show_chart">
							<div class="box-header with-border">
								<i class="fa fa-bar-chart-o"></i>
								<h3 class="box-title">应用连接统计</h3>
							</div>
							<div class="box-body">
								<div class="error_text_ct" id="J_chart_error_text">
									<div class="error_text">当前时间段,暂无数据</div>
								</div>
								<div class="chart">
									<div style="height: 411px;" id="J_connection_report"></div>
								</div>
							</div>
							<!-- /.box-body -->
						</div>
						<!-- /.box -->

					</div>
					<!-- /.col (LEFT) -->
					<div class="col-md-5">
						<!--  -->
						<div class="box box-solid bg-light-blue-gradient">
							<div class="box-header ui-sortable-handle">
								<i class="fa fa-map-marker"></i>
								<h3 class="box-title">当天访问量统计</h3>
							</div>
							<div class="box-body">
								<div id="world-map" style="height: 250px; width: 100%;"></div>
							</div>
							<div class="box-footer">
								<div class="row city_text_ct" id="J_city_visitors">
									<div class="col-xs-4 description-block margin-bottom">
										<h5 class="description-header">8390</h5>
										<span class="description-text">杭州</span>
									</div>
									<div class="col-xs-4 description-block margin-bottom">
										<h5 class="description-header">8390</h5>
										<span class="description-text">南通</span>
									</div>
									<div class="col-xs-4 description-block margin-bottom">
										<h5 class="description-header">8390</h5>
										<span class="description-text">北京</span>
									</div>
								</div>
							</div>
						</div>
						<!--  -->
						<!-- LINE CHART -->
						<div class="box box-primary" style="display: none;">
							<div class="box-header with-border">
								<i class="fa fa-bar-chart-o"></i>
								<h3 class="box-title">访问量统计</h3>

								<div class="box-tools pull-right"></div>
							</div>
							<div class="box-body">
								<div class="chart">
									<div style="height: 300px;" id="world-map-markers"></div>
								</div>
							</div>
							<style type="text/css">
.city_text_ct {
	height: 141px;
	overflow: hidden;
	position: relative;
}

.city_text_ct .col-xs-4 {
	border-right: 1px solid #f4f4f4;
	color: #333;
	width: 25%;
}

.city_text_ct .description-block>.description-header {
	font-size: 12px;
}

.city_text_ct .description-block.margin-bottom {
	margin-bottom: 0px;
}

.city_text_ct .error_text {
	position: absolute;
	left: 0px;
	width: 100%;
	line-height: 14px;
	color: #6d6d6d;
	text-align: center;
	top: 50%;
	margin-top: -8px;
	font-size: 16px;
}
</style>
							<div class="box-footer">
								<div class="row city_text_ct" id="J_city_visitors">
									<div class="error_text">暂无数据</div>
									<div class="col-xs-4 description-block margin-bottom">
										<h5 class="description-header">8390</h5>
										<span class="description-text">杭州</span>
									</div>
									<div class="col-xs-4 description-block margin-bottom">
										<h5 class="description-header">8390</h5>
										<span class="description-text">南通</span>
									</div>
									<div class="col-xs-4 description-block margin-bottom">
										<h5 class="description-header">8390</h5>
										<span class="description-text">北京</span>
									</div>
								</div>
							</div>
							<!-- /.box-body -->
						</div>
						<!-- /.box -->

					</div>
					<!-- /.col (RIGHT) -->
				</div>

				<!--  -->
				<!--  -->
				<div class="row" style="display: none;">
					<div class="col-sm-12">
						<div class="box">
							<div class="box-header" formtype="form">
								<h3 class="box-title">高危异常</h3>
								<!-- <div class="sh_base_ct clr">
                <div class="sh_base_tt">筛选</div>
                <div class="sh_base_items">
                </div>
              </div> -->

								<div id="">
									<div class="sh_base_ct clr">
										<div class="sh_base_tt">风险等级：</div>
										<div class="sh_base_items" module="tag_sels">
											<input type="hidden" formtype="val_item" name="level"
												empty="true" /> <a class="sh_base_item sh_base_selected"
												module="tag_item" value="">全部</a> <a class="sh_base_item"
												module="tag_item" value="HIGH">高危</a> <a
												class="sh_base_item" module="tag_item" value="LOW">低危</a>
										</div>
									</div>

									<div class="sh_base_ct clr">
										<div class="sh_base_tt">风险状态：</div>
										<div class="sh_base_items" module="tag_sels">
											<input type="hidden" formtype="val_item" name="status"
												empty="true" /> <a class="sh_base_item sh_base_selected"
												module="tag_item">全部</a> <a class="sh_base_item"
												module="tag_item" value="OPEN">待处理</a> <a
												class="sh_base_item" module="tag_item" value="CLOSED">已关闭</a>
										</div>
									</div>
								</div>

								<!--  <h3 class="box-title">
                未处理高危异常
              </h3> -->
							</div>
						</div>
					</div>
				</div>
				<!--  -->
				<!--  -->
				<!-- /.row -->
				<div class="row">
					<div class="col-sm-12">
						<div class="box box-info" formtype="form" id="J_risk_mesgs_ct">
							<div class="box-header with-border" formtype="form">
								<h3 class="box-title">异常</h3>
								<!-- <div class="sh_base_ct clr">
                <div class="sh_base_tt">筛选</div>
                <div class="sh_base_items">
                </div>
              </div> -->

								<!-- <div id="J_tag_hd">
                <div class="sh_base_ct clr">
                  <div class="sh_base_tt">风险等级：</div>
                  <div class="sh_base_items" module="tag_sels">
                    <input type="hidden" formtype="val_item" name="level" empty="true" />
                    <a class="sh_base_item sh_base_selected" module="tag_item" value="">全部</a>
                    <a class="sh_base_item"  module="tag_item" value="HIGH">高危</a>
                    <a class="sh_base_item"  module="tag_item" value="LOW">低危</a>
                  </div>
                </div>

                <div class="sh_base_ct clr">
                  <div class="sh_base_tt">风险状态：</div>
                  <div class="sh_base_items"  module="tag_sels">
                    <input type="hidden" formtype="val_item" name="status" empty="true" />
                    <a class="sh_base_item sh_base_selected" module="tag_item">全部</a>
                    <a class="sh_base_item" module="tag_item" value="OPEN">待处理</a>
                    <a class="sh_base_item" module="tag_item" value="CLOSED">已关闭</a>
                  </div>
                </div>
              </div> -->

								<!--  <h3 class="box-title">
                未处理高危异常
              </h3> -->
							</div>
							<style type="text/css">
.tab_hd .form-group {
	margin-bottom: 0px;
	margin-left: 0px;
}

.tab_hd .sels_hd_label {
	font-size: 12px;
	margin-bottom: 0px;
}

.tab_hd .form-group {
	box-shadow: none;
	border: none;
}

.tab_hd .form-control {
	height: 22px;
}

.sels_hd .form-group select {
	position: relative;
	left: -10px;
}
</style>
							<div>
								<div class="box-body table-responsive no-padding"
									formtype="form">
									<table class="table table-hover">
										<thead>
											<tr>
												<th>异常ID</th>
												<th>风险类型</th>
												<form formtype="form">
													<th>

														<div class="pane_hd_form sels_hd tab_hd clr">
															<!-- <label for="inputEmail3" class="sels_hd_label">当前状态:</label> -->
															<div class="" module="filter_ct">
																<div class="form-group" form-group="">
																	<!-- <input type="hidden" value="all_fires" placeholder=" 服务提供者 " formtype="val_item" name="level"> -->
																	<select class="form-control" formtype="val_item"
																		hd_form_item name="status" value="OPEN" empty="true">
																		<option value="OPEN" selected="selected">待处理</option>
																		<option value="CLOSED">已关闭</option>
																		<option value="">状态</option>
																	</select>
																</div>
															</div>
														</div>

													</th>
													<th>

														<div class="pane_hd_form sels_hd tab_hd clr">
															<!-- <label for="inputEmail3" class="sels_hd_label">当前状态:</label> -->
															<div class="" module="filter_ct">
																<div class="form-group" form-group="">
																	<!-- <input type="hidden" value="all_fires" placeholder=" 服务提供者 " formtype="val_item" name="level"> -->
																	<select class="form-control" formtype="val_item"
																		hd_form_item name="level" empty="true">
																		<option value="HIGH" selected="selected">高危</option>
																		<option value="LOW">低危</option>
																		<option value="">风险等级</option>
																	</select>
																</div>
															</div>
														</div>

													</th>
												</form>
												<th>涉及对象</th>
												<th>异常详情</th>
												<th>发生时间</th>
											</tr>
										</thead>
										<tbody id="J_risk_table">
											<tr>
												<td>183</td>
												<td>John Doe</td>
												<td>11-7-2014</td>
												<td><span class="label label-success">Approved</span></td>
												<td>Bacon ipsum dolor sit amet salami venison chicken
													flank fatback doner.</td>
											</tr>
										</tbody>
									</table>
								</div>
								<div id="J_risk_table_footer" module="page_foot_ct_risk">
									<div class="box-footer clearfix">
										<!--  <ul class="pagination pagination-sm no-margin pull-right">
                    <input type="hidden" formtype="val_item" name="currentPage" />
                    <li><a href="#">«</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">»</a></li>
                  </ul> -->
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</section>
			<!-- /.content -->
		</div>
		<!-- /.content-wrapper -->
		<!--  <footer class="main-footer">
    <div class="pull-right hidden-xs">
      <b>Version</b> 2.3.3
    </div>
    <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
    reserved.
  </footer> -->

		<!-- Control Sidebar -->
		<aside class="control-sidebar control-sidebar-dark">
			<!-- Create the tabs -->
			<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
				<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i
						class="fa fa-home"></i></a></li>
				<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i
						class="fa fa-gears"></i></a></li>
			</ul>
			<!-- Tab panes -->
			<div class="tab-content">
				<!-- Home tab content -->
				<div class="tab-pane" id="control-sidebar-home-tab">
					<h3 class="control-sidebar-heading">Recent Activity</h3>
					<ul class="control-sidebar-menu">
						<li><a href="javascript:void(0)"> <i
								class="menu-icon fa fa-birthday-cake bg-red"></i>

								<div class="menu-info">
									<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

									<p>Will be 23 on April 24th</p>
								</div>
						</a></li>
						<li><a href="javascript:void(0)"> <i
								class="menu-icon fa fa-user bg-yellow"></i>

								<div class="menu-info">
									<h4 class="control-sidebar-subheading">Frodo Updated His
										Profile</h4>

									<p>New phone +1(800)555-1234</p>
								</div>
						</a></li>
						<li><a href="javascript:void(0)"> <i
								class="menu-icon fa fa-envelope-o bg-light-blue"></i>

								<div class="menu-info">
									<h4 class="control-sidebar-subheading">Nora Joined Mailing
										List</h4>

									<p>nora@example.com</p>
								</div>
						</a></li>
						<li><a href="javascript:void(0)"> <i
								class="menu-icon fa fa-file-code-o bg-green"></i>

								<div class="menu-info">
									<h4 class="control-sidebar-subheading">Cron Job 254
										Executed</h4>

									<p>Execution time 5 seconds</p>
								</div>
						</a></li>
					</ul>
					<!-- /.control-sidebar-menu -->

					<h3 class="control-sidebar-heading">Tasks Progress</h3>
					<ul class="control-sidebar-menu">
						<li><a href="javascript:void(0)">
								<h4 class="control-sidebar-subheading">
									Custom Template Design <span
										class="label label-danger pull-right">70%</span>
								</h4>

								<div class="progress progress-xxs">
									<div class="progress-bar progress-bar-danger"
										style="width: 70%"></div>
								</div>
						</a></li>
						<li><a href="javascript:void(0)">
								<h4 class="control-sidebar-subheading">
									Update Resume <span class="label label-success pull-right">95%</span>
								</h4>

								<div class="progress progress-xxs">
									<div class="progress-bar progress-bar-success"
										style="width: 95%"></div>
								</div>
						</a></li>
						<li><a href="javascript:void(0)">
								<h4 class="control-sidebar-subheading">
									Laravel Integration <span
										class="label label-warning pull-right">50%</span>
								</h4>

								<div class="progress progress-xxs">
									<div class="progress-bar progress-bar-warning"
										style="width: 50%"></div>
								</div>
						</a></li>
						<li><a href="javascript:void(0)">
								<h4 class="control-sidebar-subheading">
									Back End Framework <span class="label label-primary pull-right">68%</span>
								</h4>

								<div class="progress progress-xxs">
									<div class="progress-bar progress-bar-primary"
										style="width: 68%"></div>
								</div>
						</a></li>
					</ul>
					<!-- /.control-sidebar-menu -->

				</div>
				<!-- /.tab-pane -->
				<!-- Stats tab content -->
				<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab
					Content</div>
				<!-- /.tab-pane -->
				<!-- Settings tab content -->
				<div class="tab-pane" id="control-sidebar-settings-tab">
					<form method="post">
						<h3 class="control-sidebar-heading">General Settings</h3>

						<div class="form-group">
							<label class="control-sidebar-subheading"> Report panel
								usage <input type="checkbox" class="pull-right" checked>
							</label>

							<p>Some information about this general settings option</p>
						</div>
						<!-- /.form-group -->

						<div class="form-group">
							<label class="control-sidebar-subheading"> Allow mail
								redirect <input type="checkbox" class="pull-right" checked>
							</label>

							<p>Other sets of options are available</p>
						</div>
						<!-- /.form-group -->

						<div class="form-group">
							<label class="control-sidebar-subheading"> Expose author
								name in posts <input type="checkbox" class="pull-right" checked>
							</label>

							<p>Allow the user to show his name in blog posts</p>
						</div>
						<!-- /.form-group -->

						<h3 class="control-sidebar-heading">Chat Settings</h3>

						<div class="form-group">
							<label class="control-sidebar-subheading"> Show me as
								online <input type="checkbox" class="pull-right" checked>
							</label>
						</div>
						<!-- /.form-group -->

						<div class="form-group">
							<label class="control-sidebar-subheading"> Turn off
								notifications <input type="checkbox" class="pull-right">
							</label>
						</div>
						<!-- /.form-group -->

						<div class="form-group">
							<label class="control-sidebar-subheading"> Delete chat
								history <a href="javascript:void(0)" class="text-red pull-right"><i
									class="fa fa-trash-o"></i></a>
							</label>
						</div>
						<!-- /.form-group -->
					</form>
				</div>
				<!-- /.tab-pane -->
			</div>
		</aside>
		<!-- /.control-sidebar -->
		<!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
		<div class="control-sidebar-bg"></div>
	</div>
	<!-- ./wrapper -->
	<!--  -->
	<div class="g_load_ct" id="J_globle_load" style="top: 0px;">
		<div class="load_label_ct globle_load_lable" module="modify_info_tag">
			<div class="load_cirle_ct">
				<div class="load_circle_action">
					x
					<div class="plus_sign"></div>
				</div>
			</div>
			<div class="load_cirle_text_ct" module="modify_info_tag_text">正在加载...</div>
		</div>
	</div>
	<!--  -->
	<!--  -->

	<!--  -->
	<!-- more_pub -->
	<div class="modal fade" id="J_exception_log" tabindex="-1"
		role="dialog" aria-labelledby="more_pub">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="more_pub" service_name>日志详情</h4>
				</div>
				<div class="modal-body">
					<!--  -->
					<div class="log_info_details" module="risk_cont">

						<!--  <div class="log_info_item clr">
                  <div class="log_info_tag">机器ID:</div>
                  <div class="log_info_cont">100</div>
                </div>

                <div class="log_info_item clr">
                  <div class="log_info_tag">机器IP:</div>
                  <div class="log_info_cont">121.40.135.70</div>
                </div> -->

						<div class="load_cirle_ct">
							<div class="load_circle_action">
								<div class="plus_sign"></div>
							</div>
						</div>

					</div>
					<!--  -->
					<!--  -->
					<div id="example2_wrapper"
						class="dataTables_wrapper form-inline dt-bootstrap"
						style="display: none;">
						<div class="row">
							<div class="col-sm-6"></div>
							<div class="col-sm-6"></div>
						</div>
						<div class="row">
							<div class="col-sm-12">
								<table id="example2"
									class="table table-bordered table-hover dataTable" role="grid"
									aria-describedby="example2_info">
									<thead>
										<tr role="row">
											<th style="text-align: left;" class="sorting_asc"
												tabindex="0" aria-controls="example2" rowspan="1"
												colspan="1" aria-sort="ascending"
												aria-label="Rendering engine: activate to sort column descending">
												时间</th>

											<th style="text-align: left;" class="sorting" tabindex="0"
												aria-controls="example2" rowspan="1" colspan="1"
												aria-label="Browser: activate to sort column ascending">
												IP</th>
											<th style="text-align: left;" class="sorting" tabindex="0"
												aria-controls="example2" rowspan="1" colspan="1"
												aria-label="Platform(s): activate to sort column ascending">
												名字</th>
											<th style="text-align: left;" class="sorting" tabindex="0"
												aria-controls="example2" rowspan="1" colspan="1"
												aria-label="Engine version: activate to sort column ascending">
												硬盘信息</th>
											<th style="text-align: left;" class="sorting" tabindex="0"
												aria-controls="example2" rowspan="1" colspan="1"
												aria-label="CSS grade: activate to sort column ascending">
												内存</th>
											<th style="text-align: left;" class="sorting" tabindex="0"
												aria-controls="example2" rowspan="1" colspan="1"
												aria-label="CSS grade: activate to sort column ascending">
												网卡</th>
											<th style="text-align: left;" class="sorting" tabindex="0"
												aria-controls="example2" rowspan="1" colspan="1"
												aria-label="CSS grade: activate to sort column ascending">
												进程信息</th>
										</tr>
									</thead>
									<tbody>

										<tr role="row" class="odd">
											<td class="sorting_1">Gecko</td>
											<td>Firefox 1.0</td>
											<td>Win 98+ / OSX.2+</td>
											<td>1.7</td>
											<td>A</td>
											<td>A</td>
											<td>A</td>
										</tr>

									</tbody>

								</table>
							</div>
						</div>
						<div class="row" style="display: none;">

							<div class="">
								<div class="dataTables_paginate paging_simple_numbers"
									id="example2_paginate">
									<ul class="pagination tb_page_sels">
										<li class="paginate_button previous disabled"
											id="example2_previous"><a href="#"
											aria-controls="example2" data-dt-idx="0" tabindex="0">Previous</a>
										</li>
										<li class="paginate_button active"><a href="#"
											aria-controls="example2" data-dt-idx="1" tabindex="0">1</a></li>
										<li class="paginate_button "><a href="#"
											aria-controls="example2" data-dt-idx="2" tabindex="0">2</a></li>
										<li class="paginate_button "><a href="#"
											aria-controls="example2" data-dt-idx="3" tabindex="0">3</a></li>
										<li class="paginate_button "><a href="#"
											aria-controls="example2" data-dt-idx="4" tabindex="0">4</a></li>
										<li class="paginate_button "><a href="#"
											aria-controls="example2" data-dt-idx="5" tabindex="0">5</a></li>
										<li class="paginate_button "><a href="#"
											aria-controls="example2" data-dt-idx="6" tabindex="0">6</a></li>
										<li class="paginate_button next" id="example2_next"><a
											href="#" aria-controls="example2" data-dt-idx="7"
											tabindex="0">Next</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>

					<!--  -->
				</div>
				<!-- <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div> -->
			</div>
		</div>
	</div>
	<!-- more_pub -->
	<!-- jQuery 2.2.0 -->
	<script src="../../plugins/jQuery/jQuery-2.2.0.min.js"></script>
	<!-- Add By ZhuHuaPing Start -->
	<script src="../../plugins/jQueryUI/jquery-ui.min.js"></script>
	<!-- Add By ZhuHuaPing End -->

	<!-- Add By Ying Start -->
	<!-- jQuery Knob -->
	<script src="../../plugins/knob/jquery.knob.js"></script>
	<!-- Add By Ying End -->

	<!-- Bootstrap 3.3.6 -->
	<script src="../../bootstrap/js/bootstrap.min.js"></script>
	<!-- ChartJS 1.0.1 -->
	<script src="../../plugins/hightcharts/hightcharts.js"></script>
	<!-- FastClick -->
	<!-- AdminLTE App -->
	<script src="../../dist/js/app.min.js"></script>
	<!-- AdminLTE for demo purposes -->
	<script src="../../dist/js/moment.min.js"></script>
	<script src="../../plugins/daterangepicker/daterangepicker.js"></script>
	<script src="../../dist/js/info.js"></script>
	<script src="../../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
	<script
		src="../../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
	<!-- page script -->
	<script type="text/javascript">
		base_host = '/dy/dd/static/build/';
	</script>
	<script type="text/javascript"
		src="/dy/dd/static/build/gallery/sea/sea.js"></script>
	<script type="text/javascript" src="/dy/dd/static/build/root_config.js"></script>
	<script type="text/javascript">
		seajs.use('appjs/pages/dash_ctr');
	</script>
	<!-- page script -->


	<script>
		// Add By Ying Start
		$('.knob').knob({
			format : function(v) {
				return v + '%';
			},

			'release' : function(e) {
				$('#net_att').animate({
					width : e
				});
			}
		});

		$(function() {
			$(document).tooltip();
		});
		// Add By Ying End
	</script>
</body>
</html>
